<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>xx-在线聊天</title>
    <link rel="stylesheet" href="css/mobile.css">
</head>
<body>
    <header>
        <h1>xx酷-在线聊天</h1>
    </header>
    <section id="message">
        <div class="message-item-l">
            <div class="message-item-photo">
                <img src="img/male.png" width="50" alt="">
            </div>
            <div class="message-item-text">
                <div class="message-user-name">xx酷</div>
                <div class="message-user-info">您好哈订单对对对的的订单　您好哈订单对对对的的订单您好哈订单对对对的的订单您好哈订单对对对的的订单您好哈订单对对对的的订单的的的的的的的订单　的的ｄ</div>
            </div>
            <div class="last"></div>
        </div>
        <div class="message-item-r">
            <div class="last"></div>
            <div class="message-item-text">
                <div class="message-user-name">xx酷</div>
                <div class="message-user-info">您好哈订单对对对的的订单　您好哈订单对对对的的订单您好哈订单对对对的的订单您好哈订单对对对的的订单您好哈订单对对对的的订单的的的的的的的订单　的的ｄ</div>
            </div>
            <div class="message-item-photo">
                <img src="img/male.png" width="50" alt="">
            </div>
        </div>
        <div class="message-item-l">
            <div class="message-item-photo">
                <img src="img/male.png" width="50" alt="">
            </div>
            <div class="message-item-text">
                <div class="message-user-name">xx酷</div>
                <div class="message-user-info">您好哈订单对对对的的订单　您好哈订单对对对的的订单您好哈订单对对对的的订单您好哈订单对对对的的订单您好哈订单对对对的的订单的的的的的的的订单　的的ｄ</div>
            </div>
            <div class="last"></div>
        </div>
        <div class="message-item-r">
            <div class="last"></div>
            <div class="message-item-text">
                <div class="message-user-name">xx酷</div>
                <div class="message-user-info">您好哈订单对对对的的订单　您好哈订单对对对的的订单您好哈订单对对对的的订单您好哈订单对对对的的订单您好哈订单对对对的的订单的的的的的的的订单　的的ｄ</div>
            </div>
            <div class="message-item-photo">
                <img src="img/male.png" width="50" alt="">
            </div>
        </div>
    </section>
    <div class="footer">
        <div class="pull-text">
            <textarea id="pull" placeholder="说点什么吧"></textarea>
        </div>
        <div class="pull-btn">
            <a class="btn btn-success" href="javascript:void(0)">发送</a>
        </div>
    </div>
    <script type="text/javascript" src="js/zepto.min.js"></script>
    <script type="text/javascript" src="js/touch.js"></script>
    <script type="text/javascript" src="js/mobile.js"></script>
</body>
</html>